<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    
</body>
</html>
<script>
    // brower object model  浏览器对象模型
    // JS中把浏览器窗口定义成一个对象叫做window

    // window对象：也就是浏览器的顶层对象，
    // 在全局作用域中的函数和变量都是存储在window对象上的，也可以理解为window对象的属性和方法
    // window对象中的信息可以省略 window.
    var a = 1;
    console.log(window.a);
    console.log(a);
    function b(){}
    console.log(window.b);
    console.log(b);

    function c(){
        // 可以借用window对象在函数内部创建全局变量
        window.d = 10;
    }
    c();
    console.log(d);

    // 系统自带的很多属性和方法也是window对象的属性和方法，比如弹窗大家族
    window.alert('弹窗');
    window.prompt('输入框');
    var isChecked = window.confirm('确认框，你确定要删除吗');
    // console 对象也是window对象的属性
    console;
    console.log(window.setTimeout);
    console.log(window.setInterval);
    console.log(window.clearInterval);
    console.log(window.clearTimeout);

    // 全局作用域中this表示window对象
    console.log(this);

    // 打开一个网页
    // 参数2和a标签的target属性相同，用来规定如何打开新页面  _blank 新窗口打开（默认）  _self当前页面打开
    window.open('http://www.baidu.com','_blank');
    

</script>